<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>评价</title>
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-touch-fullscreen" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<meta name="format-detection" content="address=no">
		<link rel="stylesheet" type="text/css" href="css/common.css">
		<link rel="stylesheet" type="text/css" href="css/index.css">
		<link rel="stylesheet" type="text/css" href="css/mui.min.css"/>
		<link rel="stylesheet" href="css/reset.css">
		<script src="js/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/iscroll.js"></script>
		<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
		<script src="js/hmt.js" type="text/javascript"></script>
		<script type="text/javascript" src="js/index.js"></script>
		<script src="js/swiper.min.js" type="text/javascript" ></script>
	</head>
	<body>
		<header class="hasManyCity hasManyCitytwo" id="header">
			<a href="javascript:history.go(-1)" class="fl fanhui"><i class="iconfont icon-fanhui"></i></a>
			<div class="header-tit">
				评价
			</div>		
		</header>
	    <div id="main" class="mui-clearfix">
	    	<div class="assess clearfloat">
	    		<div class="top clearfloat box-s">
	    			<div class="tu fl clearfloat">
	    				<img src="img/21.jpg"/>
	    			</div>
	    			<div class="pinfen fl clearfloat">
	    				<p class="tit">上上客美食城自助火锅店</p>
	    				<div class="assess-right">
	    					<img onclick="level(1)" src="img/detail-iocn001.png"/>
							<img onclick="level(2)" src="img/detail-iocn001.png"/>
							<img onclick="level(3)" src="img/detail-iocn001.png"/>
							<img onclick="level(4)" src="img/detail-iocn001.png"/>
							<img onclick="level(5)" src="img/detail-iocn001.png"/>
	    				</div>
	    			</div>
	    		</div>
	    		<textarea rows="4" class="box-s" placeholder="请写下对本次消费的感受吧，对他人帮助很大哦" ></textarea>
	    		<div class="bottom clearfloat box-s fl">
	    			<p class="ztpinfen">整体评分</p>
	    			<ul>
						<li>
							派送速度
						</li>
						<li class="assess-right">
							<img onclick="level(1)" src="img/detail-iocn001.png"/>
							<img onclick="level(2)" src="img/detail-iocn001.png"/>
							<img onclick="level(3)" src="img/detail-iocn001.png"/>
							<img onclick="level(4)" src="img/detail-iocn001.png"/>
							<img onclick="level(5)" src="img/detail-iocn001.png"/>
						</li>
					</ul>
					<ul>
						<li>
							店员服务
						</li>
						<li class="assess-right">
							<img onclick="level(1)" src="img/detail-iocn001.png"/>
							<img onclick="level(2)" src="img/detail-iocn001.png"/>
							<img onclick="level(3)" src="img/detail-iocn001.png"/>
							<img onclick="level(4)" src="img/detail-iocn001.png"/>
							<img onclick="level(5)" src="img/detail-iocn001.png"/>
						</li>
					</ul>
					<ul>
						<li>
							商品体验
						</li>
						<li class="assess-right">
							<img onclick="level(1)" src="img/detail-iocn001.png"/>
							<img onclick="level(2)" src="img/detail-iocn001.png"/>
							<img onclick="level(3)" src="img/detail-iocn001.png"/>
							<img onclick="level(4)" src="img/detail-iocn001.png"/>
							<img onclick="level(5)" src="img/detail-iocn001.png"/>
						</li>
					</ul>
	    		</div>
	    	</div>
	    </div>	 
     	<a href="#" class="address-add fl ra3">
     		提交
     	</a>
	</body>
	<script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
	<script type="text/javascript">
		function level(s)
		{			
			var str = '';		
			var k = 6-s;			
			for(i=1;i<s+1;i++)			{	
				str += "<img onclick='level("+i+")' src='img/detail-iocn01.png'/>";
			}
			for(j=1;j<k;j++)
			{
				var d=j+s
				str += "<img onclick='level("+d+")' src='img/detail-iocn001.png'/>";
			}		
			$('.assess-right').html(str);
		}		
	</script>
</html>
